<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./css/icomoon.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <a href="javascript:;">
    <img src="./images/toolbar.png" alt="">
  </a>
  <div class="view">
    <!-- 绿色 默认 卡片 -->
    <div class="cart cat_all_cheap">
      <div class="cart_title">
        <span>全场优惠</span>
        <span class="ct_number">1/1</span>
      </div>
      <div class="cart_content">
        <div class="cart_item">
          <div class="item_main">
            <img class="sale" src="./images/sale.png" alt="">
            <div class="c_item_title1">全场满300减10</div>
            <div class="c_item_title2">双十一特价优惠全场满就减</div>
            <div class="c_item_title3">
              <div class="ct_left">
                <span class="iconfont icon-time"></span> 14-11-12 20:12 至 14-11-12 23:12</div>
              <a class="ct_right" href="javascript:;">即将开始</a>
            </div>
          </div>
          <div class="item_tool">
            <a href="javascript:;">
              <span class="iconfont icon-edit"></span>
              编辑
            </a>
            <span class="line">.</span>
            <a href="javascript:;">
              <span class="iconfont icon-share"></span>
              分享</a>
          </div>
        </div>
      </div>
    </div>
    <!-- 紫色 优惠券 卡片 -->
    <div class="cart cart_coupon">
      <div class="cart_title">
        <span>优惠券</span>
        <span class="ct_number">2/3</span>
      </div>
      <div class="cart_content ">
        <!-- 没有工具栏 -->
        <div class="cart_item empty_tool">
          <div class="item_main">
            <img class="sale" src="./images/sale.png" alt="">
            <div class="c_item_title1">
              <span class="rmb">￥</span>
              <span class="big_num">5</span>
              <span class="sm_desc">(满0.00可用)</span>
            </div>
            <div class="c_item_title2">已领取/已使用：12/22 发行总数：1230</div>
            <div class="c_item_title3">
              <div class="ct_left">
                <span class="iconfont icon-time"></span>14-11-12 至 14-11-12</div>
              <a class="ct_right" href="javascript:;">已领取完</a>
            </div>
          </div>
        </div>
        <!-- 有工具栏 -->
        <div class="cart_item own_tool">
          <div class="item_main">
            <img class="sale" src="./images/sale.png" alt="">
            <div class="c_item_title1">
              <span class="rmb">￥</span>
              <span class="big_num">20</span>
              <span class="sm_desc">(满500.00可用)</span>
            </div>
            <div class="c_item_title2">已领取/已使用：12/22 发行总数：1230</div>
            <div class="c_item_title3">
              <div class="ct_left">
                <span class="iconfont icon-time"></span>14-11-12 至 14-11-12</div>
              <a class="ct_right" href="javascript:;">正在进行</a>
            </div>
          </div>
          <div class="item_tool">
            <a href="javascript:;">
              <span class="iconfont icon-delete"></span>
              作废
            </a>
            <span class="line">.</span>
            <a href="javascript:;">
              <span class="iconfont icon-preview"></span>
              预览</a>
            <span class="line">.</span>
            <a href="javascript:;">
              <span class="iconfont icon-share"></span>
              分享</a>
          </div>
        </div>
      </div>

    </div>

    <!-- 添加优惠券 -->
    <div class="add_coupon">
      <a href="javascript:;"><span class="iconfont icon-add" ></span></a>
      <p>添加优惠券</p>
    </div>



      <!-- 提示 -->
  <ul class="tips">
      <li>提示:</li>
      <li>1、买家下单时只可选择其一（全场优惠或优惠券</li>
      <li>2、优惠券一旦设置后不可修改</li>
    </ul>
  </div>


</body>

</html>